body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,hr,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
ol,ul,li{list-style:none}
input{border:none;background:none}
input,textarea{font-family:"微软雅黑",Arial;outline:0;font-size:14px;-webkit-appearance:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#017efd}
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;word-wrap:break-word;word-break:break-all;font:12px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;overflow-x:hidden;color:#000;background:#fff}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block}
.fl{float:left}
.fr{float:right}
.non{display: none;}
@font-face{font-family:'icon';src:url('../fonts/iconfont.eot');src:url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svgwork_active')}
.iconFont{font-family:"icon" !important;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}

footer{background:#1c232a;width:100%}
.footer-copyright{width:100%;height:auto;padding:18px 0 20px;background-color:#1c232a;color:#afafaf;font-size:14px}
.layout{padding-left:4%;padding-right:4%}
img{max-width:100%}
.footer-copyright a{color:#afafaf}
.footer-copyright a:hover{color:#ffffff}

.ui-text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.line{width:100%;height:1px;background:#dedede}
.header{position:fixed;top:0;left:0;z-index:89;width:100%;height:80px;background:url('../images/header_bg.png');color:#fff;box-shadow:0 4px 16px 0 rgba(0,60,179,.1);transition:400ms;z-index:999}
.logo{float:left;font-size:0;height:56px;margin:12px 0 0 60px;position:relative;z-index:51;transition:400ms}
.logo img{ width:176px; height:56px; transition:400ms; -webkit-transition:400ms; -moz-transition:400ms; -ms-transition:400ms; -o-transition:400ms; }
.nav{margin-right:18%;margin-top:30px;font-size:16px;z-index:900}
.nav dl{float:left;margin-left:50px;position:relative}
.nav dl:last-child{margin-right:0}
.nav dt{font-weight:normal;display:flex;align-items:center;justify-content:space-between}
.nav dt i{color:#999;cursor:pointer;display:none;transition:all 0.4s ease}
.nav dt>a{position:relative;display:inline-block;transition:0s;color:#999}
.nav dt>a:hover{color:#017efd}
.nav dl:hover dt>a{font-weight:500;color:#017efd}
.nav dt.active>a{font-weight:500;color:#017efd}
.nav dt.active>a:hover{color:#017efd}
.nav dt.active>a::after{display:block;background-color:#017efd}
.header-right{position:absolute;right:2%;z-index:251}
.tel{color:#fff;font-size:18px;background:#017efd;height:30px;line-height:30px;width:180px;border-radius:15px;text-align:center;margin-top:25px;font-family:'Julius Sans One',sans-serif;transition:400ms}
.menu-icon{display:none}
span{color:white}
.bar{display:block;width:30px;height:3px;margin:5px auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color:#101010}
.headFixed{background:#fff;height:50px;box-shadow:0px 2px 6px rgba(0,0,0,0.1);transition:400ms}
.headFixed .nav{margin-top:15px}
.headFixed .tel{margin-top:10px}
.headFixed .logo{margin-top:5px}
.headFixed .logo img{width:120px;height:38px;transition:400ms}
.logo-x{width:28%;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
@media only screen and (max-width:1024px){.header{background:#fff;height:50px;box-shadow:0px 2px 6px rgba(0,0,0,0.1);transition:400ms}
.logo{float:left;font-size:0;height:48px;margin-top:5px;position:relative;z-index:51;transition:400ms}
.logo img{width:120px;height:38px;transition:400ms}
.nav dl:hover dd{display:none}
.nav{position:fixed;right:-120%;top:52px;flex-direction:column;background-color:#000;width:100%;height:100vh;text-align:center;transition:0.3s;box-shadow:0 10px 27px rgba(0,0,0,0.05)}
.nav.active{right:0;margin:0}
.nav dl{float:none;margin:0;border-bottom:1px solid #2b2b2b}
.nav dt{display:flex;align-items:center;justify-content:center}
.nav dt>a{position:static;display:inline-block;transition:0s;color:#fff}
.nav dt>a::after{display:none !important}
.nav-link{display:block;padding:20px 0}
.tel{display:none}
.menu-icon{display:block;cursor:pointer;padding-top:10px}
.menu-icon.active .bar:nth-child(2){opacity:0}
.menu-icon.active .bar:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
.menu-icon.active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
}.contain{width:100%;position:relative}
.bannerwarp{position:relative;left:0;top:0;width:100%;height:100%}
.banner{position:relative;width:100%;overflow:hidden}
.banner picture img{-webkit-animation:banner_inside 20s ease 1 forwards;-moz-animation:banner_inside 20s ease 1 forwards;-o-animation:banner_inside 20s ease 1 forwards;animation:banner_inside 20s ease 1 forwards}
@-webkit-keyframes banner_inside{from{-webkit-transform:scale(1.23);transform:scale(1.23)}
to{-webkit-transform:scale(1);transform:scale(1)}
}@-moz-keyframes banner_inside{from{-moz-transform:scale(1.23);transform:scale(1.23)}
to{-moz-transform:scale(1);transform:scale(1)}
}@-o-keyframes banner_inside{from{-o-transform:scale(1.23);transform:scale(1.23)}
to{-o-transform:scale(1);transform:scale(1)}
}@keyframes banner_inside{from{-webkit-transform:scale(1.23);-moz-transform:scale(1.23);-o-transform:scale(1.23);transform:scale(1.23)}
to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}@media (max-width:1200px){.banner{position:relative;height:50vh}
.banner img.img-responsive{position:absolute;left:50%;transform:translateX(-50%);min-width:100%;max-width:none;height:100%;animation:none}
}@media (max-width:768px){.banner{position:relative;height:auto}
.banner img.img-responsive{position:relative;left:0;transform:translateX(0%);min-width:0;width:100%;max-width:none;animation:none}
}.banner_txt{text-align:center;position:absolute;top:55%;z-index:9;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:100%}
.banner_txt1{font-size:24px;width:100%;font-weight:bold;text-align:center;left:0;color:#fff;-webkit-animation:fadeInUp4 1.4s .4s ease both;-o-animation:fadeInUp4 1.4s .4s ease both;animation:fadeInUp4 1.4s .4s ease both;-moz-animation:fadeInUp4 1.4s .4s ease both}
.banner_txt2{width:90%;margin:0 auto;font-size:14px;line-height:24px;color:#ffffff;margin-top:15px;-webkit-animation:fadeInUp5 1.4s .8s ease both;-o-animation:fadeInUp5 1.4s .8s ease both;animation:fadeInUp5 1.4s .8s ease both;-moz-animation:fadeInUp5 1.4s .8s ease both}
@media (min-width:768px){.banner_txt{top:55%}
.banner_txt1{font-size:30px}
.banner_txt2{font-size:14px;width:600px;margin-top:20px;line-height:30px}
}@media (min-width:992px){.banner_txt{top:57%}
.banner_txt1{font-size:40px}
.banner_txt2{width:800px}
}@media (min-width:1110px){.banner_txt{top:55%}
}@media (min-width:1200px){.banner_txt1{font-size:45px}
.banner_txt2{width:800px;margin-top:25px;line-height:30px}
}@media (min-width:1440px){.banner_txt{top:55%}
.banner_txt1{font-size:55px}
.banner_txt2{margin-top:35px;line-height:35px}
}@media (min-width:1770px){.banner_txt{top:50%}
}@media (max-width:768px){.banner_txt{padding-right:15px;padding-left:15px}
.banner_txt1,.banner_txt2{width:100%;text-align:left}
.banner_txt1{line-height:80px;line-height:5rem;font-size:56px;font-size:3.5rem}
.banner_txt2{margin-top:28px;margin-top:1.75rem;line-height:42px;font-size:20px;color:#bebebe}
}@media (max-width:544px){.banner{height:100vh;height:calc(100vh - 100px);margin-top:0px}
.banner_txt{top:50%}
.banner_txt2{line-height:50px;line-height:3.125rem;font-size:24px;font-size:1.5rem;color:#bebebe}
}

.menu ul{position:relative;float:left;left:50%}
.menu ul li{position:relative;float:left;left:-50%;margin:0 9px;font-size:14px;color:#666666;overflow:hidden;margin-top:30px;cursor:pointer}
.menu ul li a,.menu ul li a:hover{color:#666666}
.menu ul li i{width:100%;margin-top:4px;height:2px;display:block;-webkit-transform:translateX(-110%);-moz-transform:translateX(-110%);-o-transform:translateX(-110%);transform:translateX(-110%);background:#017efd;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.menu ul li:hover i,.menu ul li.cur i{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.menu-news-dtl{background: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
@media (min-width:768px){.menu{height:80px}
.menu ul li{margin:0 20px;margin-top:35px}
}@media (min-width:992px){.menu{height:80px}
.menu ul li{margin:0 20px;margin-top:30px}
}@media (max-width:992px){.menu ul li div{padding-bottom:2px}
.menu{height:auto;padding-top:30px;padding-bottom:30px}
.menu ul li{margin:0 17px}
}@media (max-width:544px){.menu{padding-top:25px;padding-bottom:25px}
.menu ul li{margin:0 7px;font-size:12px}
}
/*need*/
.demand{*margin-top:50px!important;padding:80px 0}
.demand .h2{font-size:14px;color:#666}
.demand .h3{font-size:34px;color:#333;padding-bottom:50px;line-height:1}
.demand .write{padding-bottom:50px}
.demand .write input{margin-right:1%;background-color:#f4f4f4;padding:20px 0;color:#6e6e6e;padding-left:1%;font-size:14px}
.demand .write .submit{background-color:#040404;color:#fff;width:11%;font-family:microsoft yahei;text-align:center;padding-left:0;cursor:pointer;*margin:0!important;*padding:17px0!important;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;height:60px;line-height:56px;border:2px solid #040404;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.demand .write .submit:hover{background:#017efd;color:#fff;border:2px solid #017efd}
.demand .write .text1,.demand .write .text2{width:16%;border:0;font-family:microsoft yahei}
.demand .write .text3{width:50%;border:0;font-family:microsoft yahei}
.italic{font-size:14px;color:#999}
@media screen and (min-width:769px) and (max-width:1199px){.demand .write .text1,.demand .write .text2{width:48%;margin-bottom:20px}
.demand .write .text2{margin-right:0}
.demand .write .text3{width:77%}
.demand .write .submit{width:20%}
}@media screen and (max-width:768px){.demand{padding:60px 0}
.demand .write,.demand .h3{padding-bottom:15px}
.demand .write .text1,.demand .write .text2,.demand .write .text3{width:99%;margin-right:0;margin-bottom:15px}
.demand .write .submit{width:100%}
}@media screen and (max-width:768px){.contain{padding-top:50px}
.index-back-box{height:65px}
.IndexList ul{padding-top:10px}
}@media screen and (max-width:640px){.index-title{font-size:12px}
.index-title span{font-size:30px}
.service{padding-top:30px}
.service{padding-bottom:30px}
.news{padding-top:30px}
.index-news{margin-bottom:50px}
.index-news .item{margin:0!important}
}
/*prev_ next*/
.active_prev_next{position:relative;height:86px;width:100%;padding:0}
.active_prev_next a{color:#1c232a;font-size:14px;display:block;height:56px;line-height:56px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;transition:all 0.3s ease-in-out 0s;}
.active_prev_next .prev a{margin:0 -15px;padding-right:60px;}
.active_prev_next .next a{margin:0 -15px;padding-left:60px;text-align:left;}
.active_prev_next a:hover{background:#017efd;color:#fff;}
.active_prev_next .prev a:hover{padding-right:90px;}
.active_prev_next .next a:hover{padding-left:90px;}
.active_prev_next .prev a:hover::after{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;content:'';display:inline-block;position:absolute;right:60px;top:25px;z-index:50}
.active_prev_next .next a:hover::after{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;content:'';display:inline-block;position:absolute;left:60px;top:25px;z-index:50}
.active_prev_next .back{background:#fff;left:50%;width:86px;margin-left:-43px;position:absolute;text-align:center}
.active_prev_next .back a{text-align:center;font-size:20px}
@media only screen and (max-width:1020px){.active_prev_next{height:66px}
.active_prev_next a{height:66px;line-height:66px}
.active_prev_next .back{width:66px;margin-left:-33px}
.active_prev_next .prev a{padding-right:40px}
.active_prev_next .next a{padding-left:40px}
.active_prev_next .prev a:hover{padding-right:60px}
.active_prev_next .next a:hover{padding-left:60px}
.active_prev_next .prev a:hover::after{top:30px;right:50px}
.active_prev_next .next a:hover::after{top:30px;left:50px}
}

/** contact **/
.index_contact .text{font-size:14px;color:#636262;line-height:26px;margin-top:46px;width:90%;}
.index_contact{width:100%;position:relative;}
.index_contact .container{width:1600px;border-top:1px solid #f1f3f3;border-bottom: 1px solid #f1f3f3;}
.index_contact .col-md-6{padding:70px 150px;}
.index_contact .left_bg{position:absolute;top:0;left:0;width:50%;height:100%;background:#f1f3f3;}
.index_contact h2{color:#000;font-size:36px;font-weight:normal;margin-bottom:10px;line-height:55px;}
.index_contact h2.en{font-family:newFont-1;font-size:40px;}
.index_contact img{margin-top:90px;}
.index_contact h4{font-size:24px;color:#000;margin-bottom:40px;}
.index_contact span{display:block;width:100%;color:#333;font-size:16px;line-height:30px;}
.index_contact .tele{font-size:18px;color:#000;font-weight:bold;margin:20px 0;}
.index_contact .tele em{font-size:30px;}
.index_contact a.contact_btn{display:inline-block;width:160px;text-align:center;height:44px;line-height:42px;border:1px solid #000;font-size:16px;color:#000;transition:all 0.2s linear 0s;margin-top:70px;}
.index_contact a.contact_btn:hover{background:#000;color:#fff;}
.index_contact a.contact_btn:active{position:relative;top:2px;}
@media only screen and (max-width: 1620px) {

    /** contact **/
    .index_contact .container{width:100%;}
}
@media only screen and (max-width: 1280px) {
    /** contact**/
    .index_contact .col-md-6{padding:70px 60px;}
}
@media only screen and (max-width: 1024px) {
    /** contact **/
    .index_contact .container{width:100%;}
    .index_contact .col-md-6{padding:70px 50px;}
}
@media only screen and (max-width: 1020px) {
    /** contact **/
    .index_contact .left_bg{display:none;}
    .index_contact .container{padding:0;}
    .index_contact .col-md-6{padding:40px 15px;text-align:center;}
    .index_contact .col-md-6 img{display:inline-block;margin-top:30px;}
    .index_contact .col-md-6:first-child{background:#f1f3f3;}
    .index_contact .tele em{font-size:20px;}
    .index_contact a.contact_btn{margin-top:40px;}
}

@media only screen and (max-width: 480px) {
    /** contact **/
    .index_contact h2{font-size:26px;line-height:38px;margin-bottom:10px;}
    .index_contact h2.en{font-size:35px;}
    .index_contact h4{font-size:26px;}
    .index_contact span{color:#636262;font-size:14px;line-height:26px;}
    .index_contact span a{color:#636262;}
    .index_contact a.contact_btn{width:160px;height:38px;line-height:36px;}
}